<template>
	<view>
		<!--数据加载-->
		<block
		    name="loading"
			v-if="loading"
		>
		    <view class="notAbnor">
		        <view class="inner">
		            <van-loading
		                size="32px"
		                color="#fa3e3e"
		            />
		            <view class="detail">加载中...</view>
		        </view>
		    </view>   
		</block>
		<!-- 上拉加载 -->
		<block name="loadmore" v-if="loadmore">
			<view class="loadmore">
				<view class="loading"></view>
				<view class="loadmore__tips">正在加载</view>
			</view>
		</block>
		<!-- 上拉加载完成 -->
		<block name="loaddone" v-if="loaddone">
			<view class="loadmore loadmore_line">
				<view class="loadmore__tips loadmore__tips_in-line">我是有底线的</view>
			</view>
		</block>
		<!--上拉加载完成---2-->
		<block name="loaddone2" v-if="loaddone2">
			<view class="loaddone2_imgbox">
				<image src="https://keju123.oss-cn-shanghai.aliyuncs.com/xuqiu/m17282827560008076.png"
					style="width:420rpx;height:226rpx; text-align: center;" />
			</view>
		</block>
		<block name="loaddone_rec" v-if="loaddone_rec">
			<view class="loadmore loadmore_line" style="width: 100%">
				<view class="loadmore__tips loadmore__tips_in-line" style="background-color: #f1ece6;">
					符合条件的商家较少，为您推荐以下商家</view>
			</view>
		</block>
		<!--异常流-->
		<block name="abnor" v-if="abnor">
			<view class="notAbnor">
				<view class="no-data-tip">
					<image class="no-data-icon" src="/static/img/nodata.png" mode="widthFix" />
					<!-- <view class="detail">暂无数据</view> -->
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		props: {
			loading:{
				type: Boolean,
				default: false
			},
			loadmore: {
				type: Boolean,
				default: false
			},
			loaddone: {
				type: Boolean,
				default: false
			},
			loaddone2: {
				type: Boolean,
				default: false
			},
			loaddone_rec: {
				type: Boolean,
				default: false
			},
			abnor: {
				type: Boolean,
				default: false
			},
		}
	}
</script>

<style>
</style>
